<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java"  pageEncoding="UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <title>宠物病历展示页面</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="${pageContext.request.contextPath}/static/css/css.css" rel="stylesheet" type="text/css">

    <style type="text/css">
        .content {
            position: relative;
            width: 80%;
            height: 200px;
            margin: auto;
            overflow: hidden;
            z-index: 2;
        }
        .content1 {
            position: relative;
            width: 80%;
            height: 200px;
            margin: auto;
            overflow: hidden;
            z-index: 2;
        }
        .tab1 {
            position: relative;
            font-size: 24px;
            top: 50px;
        }

        #in1,  #in3 ,#in6{
            width: 250px;
            height: 30px;
            font-size: 24px;
        }

    </style>

</head>
<body>
<!-- include top -->
<jsp:include page="${pageContext.request.contextPath}/top.jsp" flush="true"/>
<center>
    <div class="content">
        <c:if test="${msg!=null}">
            <span style="color: red">${msg}</span>
        </c:if>

        <table border="0" cellpadding="0" cellspacing="2" class="tab1">
            <tr align="center">
                <td>宠物名称&nbsp;</td>
                <td><input type="text"  readonly name="name" id="in1" value="${pet.name}">
                </td>
            </tr>
            <tr align="center">
                <td>宠物类型&nbsp;</td>
                <td><input type="text" readonly name="typeName" id="in3" value="${pet.typeName}"/>
                </td>
            </tr>
            <tr align="center">
                <td>主人名称&nbsp;</td>
                <td><input type="text"readonly name="ownerName" id="in6" value="${pet.owners.name}"/>
                </td>
            </tr>
        </table>
    </div>

    <a class="btn btn-default" href="${pageContext.request.contextPath}/pet/outlookVisits?name=${pet.name}"
       role="button">返回</a>

    <div class="content1">
        <c:if test="${msg!=null}">
            <span style="color: red">${msg}</span>
        </c:if>
        <table border="1px" cellpadding="0" cellspacing="2" class="tab1">
            <tr align="center">
                <td style="width: 300px;">病历录入时间</td>
                <td style="width: 300px;">病历信息</td>
            </tr>
            <c:forEach items="${visitsList}" var="visits">
                <tr>
                    <td style="width: 300px;color: skyblue">${visits.visitDate2}</td>
                    <td style="width: 300px;color: skyblue">${visits.description}</td>
                </tr>
            </c:forEach>
        </table>
    </div>
</center>
<!-- include footer -->
<jsp:include page="${pageContext.request.contextPath}/footer.jsp" flush="true"/>
</body>
</html>
